<!-- 08内容
    大小就是width+height，颜色是background-color
    
    09边框border
    语法
    1.四边都有
    border:边宽度 边框样式 边框颜色；
    2.只有一边
    border-top/bottom/right/left:边宽度 边框样式 边框颜色；
    值
    边框样式
    solid(实线)
    dashed(虚线)
    dotted(点线)

    10案例
    补充
    border是在盒子的内容区外面加边框，故若想让边框在盒子的内容区里面加，需要把盒子的宽高减去边框的宽
-->


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 280px;
            height: 280px;
            background-color: pink;
            border: 10px solid #00f;
        }
    </style>
</head>
<body>
    <div>
        康康边框
    </div>
</body>
</html>